<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>靓粉吧</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<div class="top-head"><a href="个人中心.html"><img src="../images/p-male.png" alt=""></a></div>
	<h1 class="mui-title">本地生活</h1>
    <div class="top-right">
    	<a href="消息中心.html"><i class="icon icon-message new"></i></a>
    </div>
</header>
<div class="mui-content">
	<div class="img-box"><a href="生活-玩转生活频道.html"><img src="../images/live/live-banner.jpg" alt="" /></a></div>
    <div class="live-nav mt10">
    	<a href="生活-商家分类.html" class="c-pack"><label class="bgc-ee7d5d"><i class="icon icon-livetb1"></i></label><p>美食</p></a>
    	<a href="生活-商家分类.html" class="c-pack"><label class="bgc-4e94d0"><i class="icon icon-livetb2"></i></label><p>电影</p></a>
    	<a href="生活-商家分类.html" class="c-pack"><label class="bgc-b589bc"><i class="icon icon-livetb3"></i></label><p>商店</p></a>
    	<a href="生活-商家分类.html" class="c-pack"><label class="bgc-ee7d67"><i class="icon icon-livetb4"></i></label><p>超市</p></a>
    </div>
    <div class="live-guid">
    	<a href="生活-攻略.html"><i class="icon icon-raiders"></i>查看攻略</a>
        <div class="live-phone">
        	<a href="javascript:;"></a>
        </div>
        <a href="花钱-订单.html"><i class="icon icon-ticket"></i>我的小票</a>
    </div>
	<div class="img-box mt8"><img src="../images/live/phone-tip.png" alt="" /></div>
    <div class="live-shop clearfix">
    	<a href="生活-商家详情.html" title="麦当劳" style="background-image:url(../images/live/shop-nav1.jpg)"></a>
    	<a href="生活-商家详情.html" title="万达影院" style="background-image:url(../images/live/shop-nav2.jpg)"></a>
    	<a href="生活-商家详情.html" title="美宜佳" style="background-image:url(../images/live/shop-nav3.jpg)"></a>
    	<a href="生活-商家详情.html" title="大润发" style="background-image:url(../images/live/shop-nav4.jpg)"></a>
    </div>
    <div class="live-sugg"><img src="../images/live/live-sugg.png" alt="" /></div>
    <div>
    	<ul class="c-list live-sugg-list">
        	<li class="c-list-a">
            	<a href="生活-商家详情.html">
                	<div class="c-list-info c-pack">
                    	<h4 class="c-bold">大润发</h4>
                        <p class="c-f12 c-666 mt10">超市</p>
                    </div>
                	<div class="c-list-img"><img src="../images/live/slimg1.png" alt="" /></div>
                </a>
            </li>
        	<li class="c-list-a">
            	<a href="生活-商家详情.html">
                	<div class="c-list-info c-pack">
                    	<h4 class="c-bold">大润发</h4>
                        <p class="c-f12 c-666 mt10">超市</p>
                    </div>
                	<div class="c-list-img"><img src="../images/live/slimg2.png" alt="" /></div>
                </a>
            </li>
        	<li class="c-list-a">
            	<a href="生活-商家详情.html">
                	<div class="c-list-info c-pack">
                    	<h4 class="c-bold">大润发</h4>
                        <p class="c-f12 c-666 mt10">超市</p>
                    </div>
                	<div class="c-list-img"><img src="../images/live/slimg1.png" alt="" /></div>
                </a>
            </li>
        	<li class="c-list-a">
            	<a href="生活-商家详情.html">
                	<div class="c-list-info c-pack">
                    	<h4 class="c-bold">大润发</h4>
                        <p class="c-f12 c-666 mt10">超市</p>
                    </div>
                	<div class="c-list-img"><img src="../images/live/slimg2.png" alt="" /></div>
                </a>
            </li>
        	<li class="c-list-a">
            	<a href="生活-商家详情.html">
                	<div class="c-list-info c-pack">
                    	<h4 class="c-bold">大润发</h4>
                        <p class="c-f12 c-666 mt10">超市</p>
                    </div>
                	<div class="c-list-img"><img src="../images/live/slimg1.png" alt="" /></div>
                </a>
            </li>
        </ul>
    </div>
    <div class="tot-copy"><div>今天花钱 天天生钱</div></div>
    <a href="javascript:;" class="gotop"><i class="icon icon-gotop"></i></a>
</div>
<footer class="mui-bar-footer">
	<div>
        <a href="我.html"><p><i class="icon icon-my"></i></p><p>我</p></a>
        <a href="花钱.html"><p><i class="icon icon-spent"></i></p><p>花钱</p></a>
        <a href="生活.html" class="curr"><p><i class="icon icon-life"></i></p><p>生活</p></a>
        <a href="生钱.html"><p><i class="icon icon-earn"></i></p><p>生钱</p></a>
    </div>
</footer>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
$(function(){
	$(window).scroll(function(){
		var sctop = $(this).scrollTop();
		if(sctop > 150){
			$('.gotop').show(300);
		}else if(sctop < 140){
			$('.gotop').hide(300);	
		}
	});
	$('.gotop').on('click',function(){
		$('body,html').animate({scrollTop:0},300);
	});
});
</script>
</body>
</html>